<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css" />
		<link type="text/css" rel="stylesheet" href="../css/top.css" />
		<link type="text/css" rel="stylesheet" href="../css/orderdetail2.css" />
		
		<script type="text/javascript" src="../js/model/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"></script>
		
		
		<title>优当借书网</title>
	</head>
	<body>
		<!--top begin-->
		<div class="top">
			<a href="#" class="goback">
				<img src="../images/icons/goback2.png"  />
			</a>
			<span>订单详情</span>
		</div>
		<!--top the end-->
		<!--main begin-->
		<div class="main">
			<!--订单头部信息栏-->
			<div class="order_msg">
				<div class="msg_top">
					<div class="msg_top_left">
						<img src="../images/orders/position.png" class="position" />
						收货人：<span>王学东王学东</span>
					</div>
					<div class="msg_top_right">
						13526487592
					</div>
				</div>
				<div class="msg_bot">
					江苏省徐州市鼓楼区淮海文化科技产业园a2-1楼创客邦
				</div>
			</div>
			
			<!--订单进度-->
			<div class="order_status">
				<div class="status_left">图书信息</div>
				<div class="status_right">订单配送中</div>
			</div>
			<!--订单详情-->
			<div class="order_content">
				<div class="item">
					<img src="../images/books/book.png" class="goodpic2" />
					<div class="goodstype2">
						<div class="goodsname2">十万个为什么十万个为什么十万个为什么十万个为什么</div>
						<div class="goodsize">6寸;奶油蛋糕;蓝色;蜡烛1;贺卡2;贺卡3;</div>
					</div>
					<div class="goodsprice">￥<span class="price">59.00</span></div>
					<div class="goodsnum2">x<span class="num">12</span></div>
				</div>
				<div class="item">
					<img src="../images/books/book.png" class="goodpic2" />
					<div class="goodstype2">
						<div class="goodsname2">十万个为什么十万个为什么十万个为什么十万个为什么</div>
						<div class="goodsize">6寸;奶油蛋糕;蓝色;蜡烛1;贺卡2;贺卡3;</div>
					</div>
					<div class="goodsprice">￥<span class="price">59.00</span></div>
					<div class="goodsnum2">x<span class="num">2</span></div>
				</div>
				<div class="heji2">
					<div class="yf">
						运费：
						<div class="yunfei">￥<span class="fee">0.00</span></div>
					</div>
					<div class="sjfk">
						实际付款：<div class="jine">￥<span class="accout">239.00</span></div>
					</div>
				</div>
			</div>
			
			<!--下单日期-->
			<div class="order_date">
				<div class="date_top">
					
					下单日期：<span class="time">2018-01-01 12:00:00</span>
 				</div>
				<div class="date_bot">
					订单编号：<span>1234567891234567</span>
				</div>
			</div>
			
		</div>
		<!--begin the end-->
		<script>
			$(function(){
				var amount=0;
				var account=0;
				var item_length=$(".item").length;
				for(var i=0;i<item_length;i++){
					var num=$(".item").eq(i).find(".num").text()*1;
					var price=$(".item").eq(i).find(".price").text()*1;
					amount=amount+num;
					account=account+num*price;
				}
				var fee=$(".fee").text()*1;
				account=(account+fee).toFixed(2);
				$(".accout").text(account);
			})
		</script>
	</body>
</html>
